<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        .box {
            width: 100px;
            height: 100px;
            background-color: #6ff;
        }
    </style>
</head>

<body>
    <!-- box 测试 -->
    <div class="box"></div>
</body>
<!-- text/javascript 将标签内的文本按照js语法解析 -->
<!-- 内部JS  放在body的最后面 -->
<script type="text/javascript">

    //  JS注释    1. 做解释性说明   2. 如果不想让某些代码执行  可以注释掉
    //  单行注释    ctrl + / 
    /*  多行注释   alt + shift + a  */


    // 错误:
    /* Uncaught ReferenceError: hello is not defined at 03 js三种打印语法.html: 75

        引用错误 :hello 没有定义

        解释说明:  在JS中 单词和字母都要有一定的代码意义
                1. 官方定义的   document window console
                2. 用户自定义的  (变量)

        怎么解决?
               1. 用户自定义  变量
               2. 如果向描述一段文本  需要用引号括起来 (""   '')
                  他说:"js有点难!";

        数据类型: =>描述不同类型的数据
            "你好"      文本(语文)           => 字符串
            100         数字(数学)          => 数字
            true/false  对错/是非/阴阳(政治思想) => 布尔值

        元素类型:
            div  h1 -h6
            a span i em b strong
            img
     */

    // 方法: 完成某个特定功能的工具

    // 只要效果不出来  先看控制台

    // JS的三种打印方法 

    // document.write()  在文档中打印一个或多个内容(多个用逗号分隔)   => 缺点:位置不好控制
    // document.write(123123);
    // document.write("hello");
    // document.write(true);

    // console.log()    在控制台打印一个或多个内容(多个用逗号分隔)  => 优点:不会影响页面原本的结构(一般只是用来做 打印测试)
    console.log("hello", "world");
    console.log(100, 200);
    console.log(true, false);

    // alert()    在页面弹出一段内容 (弹出框 警告框)
    alert(11111);






</script>

</html>